<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:rich="http://java.sun.com/jsf/composite/jquery">

<h:head>
<ui:include src="topo.xhtml"></ui:include>
<script src="js/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="../js/ajax.js"></script>
	<script src="../js/jquery.maskedinput-1.3.min.js"></script>
	<script src="../js/script_cadastro.js"></script>
	
	<script type="text/javascript">
		PrimeFaces.locales['pt_BR'] = {
			closeText : 'Fechar',
			prevText : 'Anterior',
			nextText : 'Próximo',
			currentText : 'Começo',
			monthNames : [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio',
					'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro',
					'Novembro', 'Dezembro' ],
			monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
					'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ],
			dayNames : [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta',
					'Sexta', 'Sábado' ],
			dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb' ],
			dayNamesMin : [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
			weekHeader : 'Semana',
			firstDay : 1,
			isRTL : false,
			showMonthAfterYear : false,
			yearSuffix : '',
			timeOnlyTitle : 'Só Horas',
			timeText : 'Tempo',
			hourText : 'Hora',
			minuteText : 'Minuto',
			secondText : 'Segundo',
			currentText : 'Data Atual',
			ampm : false,
			month : 'Mês',
			week : 'Semana',
			day : 'Dia',
			allDayText : 'Todo Dia'
		};
	</script>


<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link href="../css/style_cadastro_curso.css" rel="stylesheet" type="text/css" />
<link href="../css/style_cadastro_professor.css" rel="stylesheet" type="text/css" />
	
	<script>
		jQuery(function($){
		    $("#campoCpf").mask("999.999.999-99", {placeholder: " "});
		});
</script>

<script type="text/javascript">

//LIMPA UM FORMULARIO
function limparFormulario(parametro)
{
	document.getElementById(parametro).reset();	
}
</script>

</h:head>
<h:body>

<div class="conteudo">
      <h:form id="form">
      <p:growl showDetail="true"></p:growl>
		<div class="conteudo_limite">
			<div class="titulo">

				<img alt="" src="../css/img/curso_equipamento.png" />

				<p>Reserva de Equipamentos / Novo</p>

				<div class="clr"></div>

			</div>

			<ul class="botoes_cadastro">
			    <li id="link_cancel"><h:commandButton  styleClass="ajustaBotao" onclick="limparFormulario('form');"  type="button"  action="#{gerenciador_equipamento_por_curso.limpar}" image="../css/img/icon_cancel.png"/> <h:outputLabel value="Cancelar"/></li>
				<li id="link_save2"><h:commandButton  styleClass="ajustaBotao" action="#{gerenciador_reserva_equipamento.salvar}" type="submit" image="../css/img/icon_save_new.png"/> <h:outputLabel value="Salvar"/></li>		
			</ul>

			<div class="clr"></div>

		</div>
			<div class="conteudo_limite">


				<div class="left_conteudo_limite">

					<h3>Informações Gerais</h3>

					<div class="cadastro_professor form">
                    <strong> <h:outputLabel value="Curso :" styleClass="wh30pc"/></strong>
                    <strong> <h:outputLabel value="Equipamento :" styleClass="wh30pc" /></strong>
					
					<div class="clr"></div>
					<h:selectOneMenu value="#{gerenciador_reserva_equipamento.codigo_curso}" style="width:30%;height:28px;" >
							<f:selectItem id="item6" itemLabel=" .:Selecione o Status:. " itemValue="0" />
						    <f:selectItems value="#{gerenciador_reserva_equipamento.listarCursos}" var="curso" itemValue="#{curso.codigo}" itemLabel="#{curso.nome}"/>
					<p:ajax event="change" update="form:lista_equipamentos" listener="#{gerenciador_reserva_equipamento.listarEquipamentoPorCursos}"></p:ajax>
					</h:selectOneMenu>
					
					<h:selectOneMenu id="lista_equipamentos" value="#{gerenciador_reserva_equipamento.codigo_equipamento}" style="width:30%;height:28px;">
							<f:selectItem  itemLabel=" .:Selecione o Equipamento:. " itemValue="1" />
						    <f:selectItems value="#{gerenciador_reserva_equipamento.listaEquipamentoPorCursos}" var="equipamentoPorCurso" 
						    itemValue="#{equipamentoPorCurso.equipamentoPorCuso_PK.equipamento.codigo}" 
						    itemLabel="#{equipamentoPorCurso.equipamentoPorCuso_PK.equipamento.nome}" />
					</h:selectOneMenu>
										
					    <div class="clr"></div>
                        <strong> <h:outputLabel value="Laboratório :" styleClass="wh30pc" /></strong>
					    <strong> <h:outputLabel value="bloco :" styleClass="wh30pc" /></strong>
					    <div class="clr"></div>
					    <h:selectOneMenu   value="#{gerenciador_reserva_equipamento.codigo_laboratorio}" id="lista_laboratorio" style="width:30%;height:28px;">
						<f:selectItem itemLabel=" .:Selecione o Laboratório:. "	 />
					    <f:selectItems value="#{gerenciador_reserva_equipamento.lista_laboratorios}" var="laboratorio" itemValue="#{laboratorio.codigo}" itemLabel="Laboratório #{laboratorio.nome}"/>
					    <p:ajax event="change" update="form:lista_salas form:lista_blocos" listener="#{gerenciador_reserva_equipamento.bloquearSala}"></p:ajax>
						</h:selectOneMenu>
						
						
						
						<h:selectOneMenu  value="#{gerenciador_reserva_equipamento.codigo_bloco}" id="lista_blocos" style="width:30%;height:28px;">
						<f:selectItem itemLabel=" .:Selecione o bloco:. " itemValue="0" />
					    <f:selectItems value="#{gerenciador_reserva_equipamento.listarBlocos}" var="bloco" itemValue="#{bloco.codigo}" itemLabel=" #{bloco.nome}"/>
					    <p:ajax event="change" update="form:lista_salas" listener="#{gerenciador_reserva_equipamento.salas}"/>
						</h:selectOneMenu>
						
                    <div class="clr"></div>
                    <strong> <h:outputLabel value="Sala :" styleClass="wh30pc"/></strong>
                    <strong> <h:outputLabel value="Data :" styleClass="wh30pc"/></strong>
					
					<div class="clr"></div>
					<h:selectOneMenu value="#{gerenciador_reserva_equipamento.codigo_sala}" style="width:30%;height:28px;" id="lista_salas">
				    <f:selectItem itemLabel=" .:Selecione o Laboratório:. " itemValue="0" />
					<f:selectItems value="#{gerenciador_reserva_equipamento.listarSalas}"  var="laboratorio" itemValue="#{laboratorio.codigo}" itemLabel="#{laboratorio.nome}"/>
					<p:ajax event="change" update="form:lista_laboratorio" listener="#{gerenciador_reserva_equipamento.bloquearLaboratorio}"></p:ajax>
					</h:selectOneMenu>
                    <p:calendar value="#{gerenciador_reserva_equipamento.date}" pattern="dd/MM/yyyy hh:mm:ss a" minHour="19" maxHour="21" 
                    stepSecond="60" stepMinute="0" stepHour="1" mindate="#{gerenciador_reserva_equipamento.minDate}" maxdate="#{gerenciador_reserva_equipamento.maxData}" styleClass="dateTimeField" effect="explode" effectDuration="slow"/>
                    <div class="clr"></div>
                    
					
                    <br></br>
                     <br></br>
                   </div>
				</div>
				<div class="clr"></div>
				<br />
			</div>
		</h:form>
		</div>
		


</h:body>
<ui:include src="rodape.xhtml"></ui:include>
</html>
